<template>
  <div class="wrapper">
    <div class="article-title">
      <p>基础分打分说明：</p>
    </div>
    <div class="card-content">
      <div class="list">1、增量效益、存量效益、网络效能、投资管控采用线性内插法打分：</div>
      <div class="sun-card-content">
        <div class="list">
          <span>（1）</span>
          <em>50-60分：最低完成度（50分）和全省平均完成度（60分）</em>
        </div>
        <div class="list">
          <span>（2）</span>
          <em>60-100分：最高完成度（100分）和全省平均完成度（60分）</em>
        </div>

        <div class="sun-card-content">
          <div class="list">其中：存量效益的投资占收比的完成度是反的，最大值为最低完成度</div>
          <div class="list">具体如下图：</div>
          <div class="list">
            <img src="./tipsImg.png" alt style="height:250px" />
          </div>
        </div>
      </div>
    </div>
    <div class="article-title">
      <p>趋势调整说明：</p>
    </div>
    <div class="card-content">
      <div class="list">1、包括总分趋势调整、收入份额趋势调整（后续启用），采用线性内插法</div>
      <div class="sun-card-content">
        <div class="list">
          <span>（1）</span>
          <em>总分趋势为对比本年度与上年度基础得分的增长趋势，收入份额趋势为对比本年度与上年度主营业务收入分额的增长趋势</em>
        </div>
        <div class="list">
          <span>（2）</span>
          <em>趋势为正增长的，得分为正，趋势为负增长的，得分为负</em>
        </div>
        <div class="list">
          <span>（3）</span>
          <em>总分趋势的调整在-5%~5%之间各分公司线性内插；收入份额趋势的调整在-2%~2%之间各分公司线性内插</em>
        </div>
        <div class="list">
          <span>（4）</span>
          <em>经趋势调整后的总分为=基础分*（1+趋势调整）</em>
        </div>
      </div>
      <div class="list">2、总分趋势调整得分 = 当年基本分 - 去年基本分</div>
      <div class="list">
        3、收入份额趋势调整得分 =
        <span style="color:red">待描述</span>
      </div>
    </div>
    <div class="article-title">
      <p>差异修正说明：</p>
    </div>
    <div class="card-content">
      <div class="list">1、包括地区差异修正、核心枢纽楼差异修正、共建共享差异修正等</div>
      <div class="list">2、具体分值由省公司给出</div>
      <div class="list">3、经差异修正后的即为最终得分=基础分*（1+趋势调整）+差异修正</div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>

.wrapper{
  max-height: 80vh;
  overflow: auto;
}
.article-title {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  position: relative;
  color: #000;
  &::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    height: calc(100% - 25px);
    width: 5px;
    transform: translate(0, -50%);
    background-color: #0086ff;
  }
}
.card-content {
  border-radius: 100px;
  //   border: 1px solid #eee;
  background: #ededed;
  padding: 10px 15px;
  border-radius: 20px 2px 20px 2px;
  .list {
    font-size: 12px;
    line-height: 18px;
    color: #000;
    display: flex;
  }
  .sun-card-content {
    padding-left: 15px;
  }
}
</style>